<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <title>兑换妈咪课</title>
    <link rel="stylesheet" href="css/style.css">
    <script src="js/zepto.js"></script>
    <script src="js/index.js"></script>
</head>
<body>
<div class="all">
    <div class="title">
        <img src="images/tittle_png.png" alt="" class="title_img">
    </div>
    <div class="month_explain">
        <div class="explain_text">
            <div class="explain_title">
                当前宝宝为第
                <span class="current_month" style="font-size: 30px;color: #ff8a61;"></span>
                个月
            </div>
            <div class="explain_content">
                <div>
                    您当前可以兑换<span style="color: #ff8a61" class="months_count"></span>期妈咪成长课程，
                </div>
                <div>请选择您想兑换的妈咪课月份</div>
            </div>
        </div>
        <div class="explain_img">
            <img src="images/peitu_png.png" alt="">
        </div>
    </div>
    <div class="course"></div>
    <div class="month_choose_box">
        <div class="month_choose_title">起订月选择</div>
        <div class="month_choose_click_box">
            <div class="month">1</div>
            <div class="month">2</div>
            <div class="month">3</div>
            <div class="month">4</div>
            <div class="month">5</div>
            <div class="month">6</div>
            <div class="month">7</div>
            <div class="month">8</div>
            <div class="month">9</div>
            <div class="month">10</div>
        </div>
        <div class="month_choose_click_box">
            <div class="month">11</div>
            <div class="month">12</div>
            <div class="month">13</div>
            <div class="month">14</div>
            <div class="month">15</div>
            <div class="month">16</div>
            <div class="month">17</div>
            <div class="month">18</div>
            <div class="month">19</div>
            <div class="month">20</div>
        </div>
        <div class="month_choose_click_box">
            <div class="month">21</div>
            <div class="month">22</div>
            <div class="month">23</div>
            <div class="month">24</div>
            <div class="month">25</div>
            <div class="month">26</div>
            <div class="month">27</div>
            <div class="month">28</div>
            <div class="month">29</div>
            <div class="month">30</div>
        </div>
        <div class="month_choose_click_box">
            <div class="month">31</div>
            <div class="month">32</div>
            <div class="month">33</div>
            <div class="month">34</div>
            <div class="month">35</div>
            <div class="month">36</div>
        </div>
    </div>
    <div class="tip">
        *说明：宝宝当前月指的是宝宝第多少月，例如：宝宝生日为2019年10月1日，那么，自2019年10月1日起，宝宝当前月为第1个月；2019年11月1日时，宝宝当前月为第2个月，2019年12月1日时，宝宝当前月为第3个月，以此类推......
        <br>
        <span style="color:#ff5f27;font-size: 16px;font-weight: bold">一旦妈咪课兑换成功，永久有效且不退不改。</span>
    </div>

</div>
<div class="alert_bg">
    <div class="alert_box">
        <div class="alert_text"></div>
        <div class="close_btn" onclick="close_alert()">我知道了</div>
    </div>
</div>
<div class="error_bg">
    <div class="error_box">
        <div class="error_text"></div>
<!--        <a href="kekeshi://app.kekeshi.com/mom/course">-->
            <div class="error_btn">我知道了</div>
<!--        </a>-->
    </div>
</div>
<div class="used_bg">
    <div class="used_box">
        <div class="used_text"></div>
<!--        <a href="kekeshi://app.kekeshi.com/exchange">-->
            <div class="used_btn">我知道了</div>
<!--        </a>-->
    </div>
</div>
<div class="confirm_bg">
    <div class="confirm_box">
        <div class="confirm_title_box">
            <img src="images/icon_tishi.png" alt="">
            <div class="confirm_title">提示</div>
        </div>
        <div class="confirm_text">课程兑换成功后，不可退换</div>
        <div class="confirm_btn_box">
            <div class="cancel_btn" onClick="cancel()">取消</div>
            <a class="confirm_btn" onClick="confirm()">
               确定
            </a>
        </div>
    </div>
</div>
<a class="explain" onClick="explain()">立即兑换</a>
<div class="tips">请选择要兑换的妈咪课月份</div>
<script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script type="text/javascript">
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?e846d6889717cfb13b2dc95ad183ba8a";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
</body>
</html>
